* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
    cursor: url('../assets/cursor/cursor01.png'), default;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 16px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    /* background: rgba(0, 0, 0, 0.1); */
    border: 4px solid transparent;
    -webkit-box-shadow: inset 0 0 6px rgb(106, 164, 240);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(89, 199, 170, 0.3);
}
html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 62.5%;
}

@media screen and (min-width: 900px) {
    html {
        font-size: 75%;
    }
}

:root {
    --primary-light: #8abdff;
    --primary: #2ebb96;
    --primary-dark: #238067;
    --white: #ffffff;
    --greyLight-1: #e4ebf5;
    --greyLight-2: #c8d0e7;
    --greyLight-3: #bec8e4;
    --greyDark: #9baacf;

    --fontColor: #5c4444;
}
li {
    list-style: none;
}
input {
    outline: none;
}
.common-box {
    border-radius: 1rem;
    box-shadow: 0.8rem 0.8rem 1.4rem #c8d0e7, -0.2rem -0.2rem 1.8rem #fff;
}
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    height: 100%;
    width: 100%;
}
